<!DOCTYPE html>
<html>
   <head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>了解蓝居</title>
<meta name="viewport" content="initial-scale=1, maximum-scale=1">
<link rel="shortcut icon" href="/favicon.ico">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta http-equiv="Access-Control-Allow-Origin" content="*">
<link rel="stylesheet" href="./css/sm.min.css">
<link rel="stylesheet" href="./css/sm-extend.min.css">
<link href="../css/flickerplate.css" type="text/css" rel="stylesheet">
<link href="./css/liaojielanju.css" rel="stylesheet">
<script src="../js/jquery-2.1.1.js"></script>
<script src="../js/min/modernizr-custom-v2.7.1.min.js" type="text/javascript"></script>
<script src="../js/min/hammer-v2.0.3.min.js" type="text/javascript"></script>
<script src="../js/min/flickerplate.min.js" type="text/javascript"></script>
<script src="./js/Common.js"></script>
<script src="./js/liaojieLanJu.js"></script>
<script src="./js/zepto.js"></script>
<script src="./js/sm.js"></script>
<script src="./js/Common.js"></script>
<script src="./js/sm-extend.js"></script>
<script src="js/pointlog.js"></script> 
 <script src="http://pv.sohu.com/cityjson?ie=utf-8"></script>
<script src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
<style type="text/css">
.img{
width: 100%;
padding-top: 10px;
padding-bottom: 10px;
}
</style>
</head>
  <script type="text/javascript">
window.$$=window.Zepto = Zepto;
var args=ponitLog.getWindowsParam();
(function ($) {
	  $.getUrlParam = function (name) {
	   var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
	   var r = window.location.search.substr(1).match(reg);
	   if (r != null) return unescape(r[2]); return null;
	  }
	 })(jQuery);

</script>
  <body>
<div class="content">
  <div class="buttons-tab">
    <a href="#tab1" name="tab1" class="tab-link active button">蓝居简介</a>
    <a href="#tab2" name="tab2" class="tab-link button">托管介绍</a>
    <a href="#tab3" name="tab3" class="tab-link button">租房介绍</a>
  </div>
  <div class="content-block" style="padding: 0">
    <div class="tabs">
      <div id="tab1" class="tab active">
        <div class="content-block" style="margin:0 auto">
          <div class="content-block-title" style="font-size: 20px;font-weight: 10;color: #000">蓝居简介</div>
            <div class="card">
			    <div class="card-content">
			      <div class="card-content-inner" id="jianjie">
			      </div>
			    </div>
			</div>
			<p><a href="tel://0756-2543354" class="button button-big button-round">联系我们</a></p>
        </div>
      </div>
      <div id="tab2" class="tab">
        <div class="content-block" style="margin: none">
        <img alt="" style="width: 100%" src="../images/lanju1.jpg">
        <p style="width: 45%"><a  href="tel://0756-2543354" class="button button-big">电话咨询</a></p>
         <p style="width: 45%;float: right; margin-top: -3.9em;"><a  onclick="liaojieLanJu.toLink('weituoInline.html',this)"  class="button button-big">在线委托</a></p>
         <div >
			<img alt="" src="../images/buzhou.png" style="width: 100%"> 			 
 			
		</div>
		<h5 style="color: #000">房屋估价</h5>
		 <div class="card">
    <div class="card-content">
      <div class="card-content-inner">
      <h5 style="text-align: center;color: #000">查看我的房屋租金有多少？</h5>
      <a  onclick="liaojieLanJu.toLink('addHouse.html',this)"  class="button button-big button-fill button-info" >添加房屋</a>
      </div>
    </div>
  </div>
         <div class="content-block-title" style="font-size: 20px;font-weight: 10;color: #000">蓝居优势</div>
          <div class="card" style="box-shadow:none">
		    <div class="card-content">
		      <div class="card-content-inner" style="padding: 0">
		      	<img  style="width: 100%;    max-height: 160px;" src="../images/youshi1.jpg">
		      </div>
		    </div>
		  </div>
		  
		  <div class="card" style="box-shadow:none">
		    <div class="card-content">
		      <div class="card-content-inner" style="padding: 0">
		      	<img  style="width: 100%;    max-height: 160px;" src="../images/youshi2.jpg">
		      </div>
		    </div>
		  </div>
		  <div class="card" style="box-shadow:none">
		    <div class="card-content">
		      <div class="card-content-inner" style="padding: 0">
		      	<img  style="width: 100%;    max-height: 160px;" src="../images/youshi3.jpg">
		      </div>
		    </div>
		  </div>
    <div class="content-block-title" style="font-size: 20px;font-weight: 10;color: #000">蓝居三种托管模式</div>
    <div class="card-content">
      <div class="list-block media-list ">
	        <div class="card">
			    <div class="card-content">
			      <div class="card-content-inner">
			      <div class="yuanquan">1</div><span class="title1">精装空房托管</span>
			      <img src="../images/model1.jpg" class="img">
			      <span class="content1">&nbsp;&nbsp;&nbsp;&nbsp;您只需与蓝居洽谈双方认同的合作价，将空房委托给蓝居，
			      蓝居会进行房屋的装修装饰同事配齐家具家电，蓝居为了找到更好更加稳定的住户，
			      会根据租客的要求个性定制房屋装修风格，保证我们房屋的安全性</span>
			     <a    class="button button-big button-fill button-info viewDesc" style="background: #edf2f5;color: #0894EC;margin-top: 10px;" data-value="0"><img src="../images/right.png" style="width: 18px;vertical-align: middle;"/><span style="padding-left: 10px;vertical-align: middle;">查看详细介绍</span></a>
			      </div>
			    </div>
			     <div class="card-content">
			      <div class="card-content-inner">
			      <div class="yuanquan">2</div><span class="title1">购置家居套餐托管</span>
			      <img src="../images/model2.jpg" class="img">
			      <span class="content1">&nbsp;&nbsp;&nbsp;&nbsp;蓝居会为您房屋定位附近出租群体需求风格以及结合房东意愿，
			      进行房屋全屋搭配，包括房屋的家具家电，窗帘灯饰，饰品装饰等一站式设计安装服务，我们会根据您的要求提供现代简约、欧式美式、北欧轻奢、中式
			      英式以及地中海等风格</span>
			     <a    class="button button-big button-fill button-info viewDesc" style="background: #edf2f5;color: #0894EC;margin-top: 10px;" data-value="1"><img src="../images/right.png" style="width: 18px;vertical-align: middle;"/><span style="padding-left: 10px;vertical-align: middle;">查看详细介绍</span></a>
			      </div>
			    </div>
			    <div class="card-content">
			      <div class="card-content-inner">
			      <div class="yuanquan">3</div><span class="title1">家私家电齐全托管</span>
			      <img src="../images/model3.jpg" class="img">
			      <span class="content1">&nbsp;&nbsp;&nbsp;&nbsp;蓝居根据您的户型收取相应的管理服务费，无需任何中介费。
			      为您找到高质量的租客，并有专业人员维护好您的房屋，让您的房屋出租得放心无忧</span>
			     <a  class="button button-big button-fill button-info viewDesc" style="background: #f0f2f3;color: #0894EC;margin-top: 10px;" data-value="2"><img src="../images/right.png" style="width: 18px;vertical-align: middle;"/><span style="padding-left: 10px;vertical-align: middle;">查看详细介绍</span></a>
			      </div>
			    </div>
  			</div>
    </div>

    </div>
	<div class="content-block-title" style="font-size: 20px;font-weight: 10;color: #000">业主案例</div>
	<div id="anli">
	<div class="card-content" style="padding :-1px 0.75em;">
      <div class="list-block media-list case">
        <ul>
          <li class="item-content">
            <div class="item-media">
              <img src="http://gqianniu.alicdn.com/bao/uploaded/i4//tfscom/i3/TB10LfcHFXXXXXKXpXXXXXXXXXX_!!0-item_pic.jpg_250x250q60.jpg" width="110" height="100">
            </div>
            <div class="item-inner">
              <div class="item-title-row">
                <div class="item-title" style="white-space: inherit;">一家三口定居相关，她说北京的房子交给蓝居...</div>
              </div>
              <div class="item-subtitle">北京|李女士</div>
            </div>
          </li>
          
        </ul>
      </div>
      
    </div>
 </div>
        </div>
      </div>
      <div id="tab3" class="tab">
        <div class="content-block">
        <p style="width: 45%"><a  href="tel://0756-2543354" class="button button-big">电话咨询</a></p>
         <p style="width: 45%;float: right; margin-top: -3.9em;"><a   onclick="liaojieLanJu.toLink('connectonline.html',this)"  class="button button-big">在线咨询</a></p>
         <div >
<!-- 			<img alt="" src="../images/buzhou.png" style="width: 100%"> 			  -->
 			
		</div>
         <div class="content-block-title" style="font-size: 20px;font-weight: 10;color: #000">蓝居优势</div>
          <div class="card" style="box-shadow:none">
		    
		  <div class="card" style="box-shadow:none">
		    <div class="card-content" >
		      <div class="card-content-inner" style="padding: 0">
		      	<img  style="width: 100%;    max-height: 160px;" src="../images/youshi4.jpg">
		      </div>
		    </div>
		  </div>
		 <div class="card" style="box-shadow:none">
		    <div class="card-content">
		      <div class="card-content-inner" style="padding: 0">
		      	<img  style="width: 100%;    max-height: 160px;" src="../images/youshi5.jpg">
		      </div>
		    </div>
		  </div>
		  <div class="card" style="box-shadow:none">
		    <div class="card-content">
		      <div class="card-content-inner" style="padding: 0">
		      	<img  style="width: 100%;    max-height: 160px;" src="../images/youshi6.jpg">
		      </div>
		    </div>
		  </div>
		  <h4>蓝居客留言</h4>
		  <div id="liuyan">
	<div class="list-block media-list">
        <ul>
          <li class="item-content">
            暂无评论...
          </li>
        </ul>
      </div>
      
      </div>
       <h4>留言板</h4>
       <div class="remark-box">
					<textarea class="clean-remark" id="content" placeholder="写下对我们的评价..." maxlength="200"></textarea>
					<p class="num-box"><span class="num">0</span>/200字</p>
		</div>
		<div class="col-50" onclick="liaojieLanJu.saveMessage()" id="submitBtn"><a href="#" class="button button-big button-fill button-info" >提交</a></div>
        </div>
      </div>
    </div>
  </div>
</div>
      <!-- 查看说明弹窗 -->
		<div class="desc_popup">
			<div class="popup_header">
				<span class="head--title" id="popTitle"></span>
				<span class="pop--close">关闭</span>
			</div>
			<div class="popup_detail">
				<div id="popDetail">
					<!-- 委托说明内容 -->
				</div>
			</div>
		</div>
<script type="text/javascript">
     var nonce="";//生成签名的随机串
     var signature="";//签名
     var timestamp="";//时间戳
     var title="蓝居--定制租住生活";
     var desc="房屋出租托管、租房、除甲醛除异味、保洁家修戳我！";
     var sharLink="http://lanjushiye.com.cn/LanJuPublic/jsp/liaojieLanJu.html?tab=tab2";
     var imgUrl="http://lanjushiye.com.cn/LanJuPublic/images/lanju.jpg";
     $(document).ready(function(){
   	  var url = encodeURI(location.href.split('#')[0]);
   	  $.ajax({
   	         url: "../weixinImpl/getEncryptJsapiTicket.spring?rn="+(new Date().getTime()),
   	         type: "POST",
   	         data:{"url":url},
   	         dataType: "json",
   	         success: function(data){
   	        	 if(data != null){
   	        		 nonce=data.nonce;
   		             signature=data.signature;
   		             timestamp=data.timestamp;
   		             loadWx();
   	        	 }
   	             
   	          },
   	          error:function(err){
   	            console.log('异常');
   	          }
   	        });
   });
     
     function loadWx(){
   	  wx.config({
   		    debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
   		    appId: 'wxb3b7beee9190b2ef', // 必填，公众号的唯一标识wxd894029b9bdb4b67
   		    timestamp: timestamp, // 必填，生成签名的时间戳
   		    nonceStr: nonce, // 必填，生成签名的随机串
   		    signature: signature,// 必填，签名
   		    jsApiList: ['onMenuShareTimeline','onMenuShareAppMessage','onMenuShareQQ'] // 必填，需要使用的JS接口列表
   		});
   	  wx.ready(function(){
   		
   		  //分享到朋友圈
   		  wx.onMenuShareTimeline({
   			    title: title, // 分享标题
   			    link: sharLink, // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
   			    imgUrl: imgUrl, // 分享图标
   			    desc: desc, // 分享描述
   			    success: function () {
   			    // 用户确认分享后执行的回调函数
   				},
   			cancel: function () {
   			    // 用户取消分享后执行的回调函数
   		    }
   		});
   		  //分享到朋友
   		  wx.onMenuShareAppMessage({
   			  title: title, // 分享标题
   			  desc: desc, // 分享描述
   			  link: sharLink, // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
   			  imgUrl: imgUrl, // 分享图标
   			  type: 'link', // 分享类型,music、video或link，不填默认为link
   			  dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
   			  success: function () {
   			  // 用户确认分享后执行的回调函数
   			  },
   			  cancel: function () {
   			  // 用户取消分享后执行的回调函数
   			  }
   			  });
   		  //分享到QQ
   		  wx.onMenuShareQQ({
   			  title: title, // 分享标题
   			  desc: desc, // 分享描述
   			  link: sharLink, // 分享链接
   			  imgUrl: imgUrl, // 分享图标
   			  success: function () {
   			  // 用户确认分享后执行的回调函数
   			  },
   			  cancel: function () {
   			  // 用户取消分享后执行的回调函数
   			  }
   			  });
   	  });
   	  
   	  wx.error(function(res){
   		
   	  });
   	  
   }
     
		// 显示查看说明弹窗，并把对应委托的内容显示在弹窗上
		$(".viewDesc").on("click", function(){
			var _this = $(this);
			var _val = _this.attr("data-value");
			var popTitle = [
				'精装空房托管合作模式',
				'购置蓝居家居套餐托管合作模式',
				'已配置家具家电托管合作模式'
			];
			var popDetail = [
				'<p class="p1">A.合作模式：</p><p class="p2">您只需与蓝居洽谈双方认同的合作价，将空房委托给蓝居，蓝居会进行房屋的装修装饰同时配齐家具家电，蓝居为了找到更好更加稳定的住户，会根据租客的要求个性定制房屋装修风格，保证我们房屋的安全性。</p><br /><p class="p1">B.收益分成：</p><p class="p2">蓝居与您洽谈双方认同的合作价，每个月支付您稳定的租金。</p><br /><p class="p1">C.服务保障：</p><p class="p2"><b>维修服务：</b>新交付的房屋蓝居提供专业验房，协同跟进维修问题，对于委托期间非房屋本身原因导致的维修问题，蓝居直接跟进处理，对于委托期间房屋本身原因导致的维修问题，蓝居会联系相关人员进行处理，且告知房东维修情况。</p><p class="p2"><b>资产查验：</b>管家一月一次、保洁每月2-4次入户查验房屋使用情况，为业主提供查验报告；</p><p class="p2"><b>付款保障：</b>每个月起租日起5个工作日内付租金。</p><p class="p2"><b>租务代理：</b>天然气报装，水电缴纳，宽带/有线电视报装，包办找租客、换租客、收房租、手续代办等事宜，让业主无忧省心。</p><p class="p2"><b>房屋保障：</b>蓝居为房屋进行出租备案以及保险购置，确定房屋的安全性。</p><p class="p2"><b>住户审核：</b>蓝居对住户进行资质审查，提供入住指南，通过保洁进行实时查看，确保房屋及住户的安全性。</p><br /><p class="p1">D.空置期：</p><p class="p2">蓝居为您的房屋进行专业的装修设计，环保施工，除甲醛，全程监理，找租客，首年需要45-60天空置期，次年起每一年需要20-25天空置期。空置期间房屋不收取租金以及物业管理费。</p>',

				'<p class="p1">A.合作模式：</p><p class="p2">蓝居会为您房屋定位附近出租群体需求风格以及结合房东意愿，进行房屋全屋搭配，包括房屋的家具家电，窗帘灯饰，饰品装饰等一站式设计安装服务。我们会根据您的要求提供现代简约、欧式美式、北欧轻奢、中式英式以及地中海等风格。</p><br /><p class="p1">B.家居费用：</p><p class="p2">蓝居利用本身资源获取工厂渠道，所有的产品价格廉宜、质量保障，而且都是全新家居，蓝居一站式采购安装，您只需线上对接蓝居设计师，无需您亲临现场以及花费精力去购置家居家电，为您省时省心。同时您需支付7成家居费用（蓝居支付3成家居费用）即可通过公众号查询家里实时情况以及装修效果。</p><br /><p class="p1">C.收益分成：</p><p class="p2">蓝居与您共同承担托管期间的收益与风险，您只需通过公众号即可获取租客的信息详情以及合同详情，您获取除空置期外的期间的7成收益，蓝居获取3成收益，您承担除空置期外的期间的7成风险，蓝居承担3成风险，期间不收钱服务费以及中介费，你我携手，共同进退，齐聚蓝居。</p><br /><p class="p1">D.服务保障：</p><p class="p2"><b>维修服务：</b>新交付的房屋蓝居提供专业验房，协同跟进维修问题，对于委托期间非房屋本身原因导致的维修问题，蓝居直接跟进处理，对于委托期间房屋本身原因导致的维修问题，蓝居会联系相关人员进行处理，且告知房东维修情况。</p><p class="p2"><b>资产查验：</b>管家一月一次、保洁每月2-4次入户查验房屋使用情况，为业主提供查验报告；</p><p class="p2"><b>付款保障：</b>每个月起租日起5个工作日内付租金。</p><p class="p2"><b>租务代理：</b>天然气报装，水电缴纳，宽带/有线电视报装，包办找租客、换租客、收房租、手续代办等事宜，让业主无忧省心。</p><p class="p2"><b>房屋保障：</b>蓝居为房屋进行出租备案以及保险购置，确定房屋的安全性。</p><p class="p2"><b>住户审核：</b>蓝居对住户进行资质审查，提供入住指南，通过保洁进行实时查看，确保房屋及住户的安全性。</p><br /><p class="p1">E.空置期：</p><p class="p2">蓝居为您的房屋进行专业的装修设计，环保施工，除甲醛，全程监理，找租客，首年需要45-60天空置期，次年起每一年需要15-20天空置期。空置期间房屋不收取租金以及物业管理费。</p>',

				'<p class="p1">A.合作模式：</p><p class="p2">蓝居根据您的户型收取相应的管理服务费，无需中介费。</p><br /><p class="p1">B.服务保障：</p><p class="p2"><b>维修服务：</b>新交付的房屋蓝居提供专业验房，协同跟进维修问题，对于委托期间非房屋本身原因导致的维修问题，蓝居直接跟进处理，对于委托期间房屋本身原因导致的维修问题，蓝居会联系相关人员进行处理，且告知房东维修情况。</p><p class="p2"><b>资产查验：</b>管家一月一次、保洁每月2-4次入户查验房屋使用情况，为业主提供查验报告；</p><p class="p2"><b>付款保障：</b>每个月起租日起5个工作日内付租金。</p><p class="p2"><b>租务代理：</b>天然气报装，水电缴纳，宽带/有线电视报装，包办找租客、换租客、收房租、手续代办等事宜，让业主无忧省心。</p><p class="p2"><b>房屋保障：</b>蓝居为房屋进行出租备案以及保险购置，确定房屋的安全性。</p><p class="p2"><b>住户审核：</b>蓝居对住户进行资质审查，提供入住指南，通过保洁进行实时查看，确保房屋及住户的安全性。</p><p class="p2">度保洁（每月对公共区域的保洁）；</p><p class="p2">退租保洁（退租时对退租房间的保洁）。</p>'
			]
			
			$(".desc_popup").addClass("show_pop");
			$("#popTitle").text(popTitle[_val]);
			$("#popDetail").html(popDetail[_val]);
			
		});
		// 隐藏查看说明弹窗
		$(".popup_header").on("click", '.pop--close', function(){
			$(".desc_popup").removeClass("show_pop");
		});
		
		// 实时监控 Textarea 字数
		// 实时监控 Textarea 字数
		  $("#content").on('input propertychange', function(event) {
		    var length = $(this).val().length;
		    if(length < 200){
		      $(".num").text(length);
		    }else{
		      //当第140个的时候提示，不能再输入了
		      $(".num").text(length);
		      alert("评价内容不能超出200字");
		    }
		  });
		$("#content").blur(function(){
			$("#content").off('input propertychange');
		});
		$(".tab-link").on('click',function (){
			sharLink = "http://lanjushiye.com.cn/LanJuPublic/jsp/liaojieLanJu.html?tab="+$(this).attr("name");
		})
  </script>
  </body>
</html>
